<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML结构</title>
</head>

<body>
    <header>
        <div>logo</div>
        <nav>导航菜单</nav>
        <div>搜索框</div>
    </header>
    <main>
        <!-- 快捷键 
        1.网页结构 !+tab
        2. 标签 ，输入标签名+tab，自动补全标签
        3. alt+shift+f 格式化代码
        -->

        <div>
            <div></div>
            <div></div>
        </div>
        <article>
            <section>
                <h2></h2>
               、
            </section>
            <section>
                <h2></h2>
                <p></p>
            </section>
            <section>
                <h2></h2>
                <p></p>
            </section>
            <section>
                <h2></h2>
                <p></p>
            </section>
        </article>
    </main>
    <footer></footer>
</body>

</html>